<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图像透明度</title>
    <style>

        .c1{
            opacity: 0.4;
        }

        .c3{

            opacity: 0.4;
        }

        .c3:hover{

            opacity: 1;
        }


    </style>



</head>
<body>

<h2>设置透明度为0.4</h2>

<img class="c0" src="../../image/2.jpeg">
<img class="c1" src="../../image/2.jpeg">

<hr>
<h2>鼠标停留在img,透明度为1</h2>

<img class="c3" src="../../image/2.jpeg">
<img class="c4" src="../../image/2.jpeg">


</body>
</html>